<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>员工请假审批系统</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/daisyui/4.12.10/full.min.css" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body class="bg-base-200 min-h-screen">
<!-- 导航栏 -->
<div class="navbar bg-primary text-primary-content shadow-lg">
    <div class="navbar-start">
        <div class="dropdown">
            <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
                <i class="fas fa-bars text-xl"></i>
            </div>
            <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
                <li><a href="/leave/" class="text-base-content">首页</a></li>
                <li><a href="/leave/apply" class="text-base-content">请假申请</a></li>
                <li><a href="/leave/manager" class="text-base-content">领导审批</a></li>
                <li><a href="/leave/boss" class="text-base-content">老板审批</a></li>
                <li><a href="/leave/monitor" class="text-base-content">流程监控</a></li>
            </ul>
        </div>
        <a class="btn btn-ghost text-xl font-bold">
            <i class="fas fa-calendar-check mr-2"></i>
            请假审批系统
        </a>
    </div>
    <div class="navbar-center hidden lg:flex">
        <ul class="menu menu-horizontal px-1">
            <li><a href="/leave/" class="btn btn-ghost">首页</a></li>
            <li><a href="/leave/apply" class="btn btn-ghost">请假申请</a></li>
            <li><a href="/leave/manager" class="btn btn-ghost">领导审批</a></li>
            <li><a href="/leave/boss" class="btn btn-ghost">老板审批</a></li>
            <li><a href="/leave/monitor" class="btn btn-ghost">流程监控</a></li>
        </ul>
    </div>
    <div class="navbar-end">
        <div class="dropdown dropdown-end">
            <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
                <div class="w-10 rounded-full">
                    <i class="fas fa-user-circle text-2xl"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 主要内容 -->
<div class="container mx-auto px-4 py-8">
    <!-- 欢迎区域 -->
    <div class="hero bg-gradient-to-r from-primary to-secondary text-primary-content rounded-2xl shadow-xl mb-8">
        <div class="hero-content text-center py-16">
            <div class="max-w-md">
                <h1 class="text-5xl font-bold mb-4">
                    <i class="fas fa-calendar-check mr-3"></i>
                    请假审批系统
                </h1>
                <p class="text-xl mb-6">基于 Spring Boot + Flowable 工作流引擎</p>
                <p class="text-lg opacity-90">简化请假流程，提高审批效率</p>
            </div>
        </div>
    </div>

    <!-- 功能卡片 -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
        <!-- 请假申请 -->
        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
            <div class="card-body text-center">
                <div class="text-4xl text-primary mb-4">
                    <i class="fas fa-plus-circle"></i>
                </div>
                <h2 class="card-title justify-center text-xl mb-2">请假申请</h2>
                <p class="text-base-content/70 mb-4">提交新的请假申请</p>
                <div class="card-actions justify-center">
                    <a href="/leave/apply" class="btn btn-primary btn-wide">
                        <i class="fas fa-edit mr-2"></i>
                        立即申请
                    </a>
                </div>
            </div>
        </div>

        <!-- 领导审批 -->
        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
            <div class="card-body text-center">
                <div class="text-4xl text-warning mb-4">
                    <i class="fas fa-user-tie"></i>
                </div>
                <h2 class="card-title justify-center text-xl mb-2">领导审批</h2>
                <p class="text-base-content/70 mb-4">处理待审批的请假申请</p>
                <div class="card-actions justify-center">
                    <a href="/leave/manager" class="btn btn-warning btn-wide">
                        <i class="fas fa-check-circle mr-2"></i>
                        去审批
                    </a>
                </div>
            </div>
        </div>

        <!-- 老板审批 -->
        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
            <div class="card-body text-center">
                <div class="text-4xl text-error mb-4">
                    <i class="fas fa-crown"></i>
                </div>
                <h2 class="card-title justify-center text-xl mb-2">老板审批</h2>
                <p class="text-base-content/70 mb-4">最终审批决定</p>
                <div class="card-actions justify-center">
                    <a href="/leave/boss" class="btn btn-error btn-wide">
                        <i class="fas fa-gavel mr-2"></i>
                        最终审批
                    </a>
                </div>
            </div>
        </div>

        <!-- 流程监控 -->
        <div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2">
            <div class="card-body text-center">
                <div class="text-4xl text-info mb-4">
                    <i class="fas fa-chart-line"></i>
                </div>
                <h2 class="card-title justify-center text-xl mb-2">流程监控</h2>
                <p class="text-base-content/70 mb-4">查看流程执行状态</p>
                <div class="card-actions justify-center">
                    <a href="/leave/monitor" class="btn btn-info btn-wide">
                        <i class="fas fa-eye mr-2"></i>
                        查看状态
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 系统特性 -->
    <div class="card bg-base-100 shadow-xl">
        <div class="card-body">
            <h2 class="card-title text-2xl mb-6">
                <i class="fas fa-star text-warning mr-2"></i>
                系统特性
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                <div class="flex items-start space-x-3">
                    <div class="text-2xl text-primary">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <div>
                        <h3 class="font-bold text-lg">工作流引擎</h3>
                        <p class="text-base-content/70">基于Flowable BPMN 2.0标准</p>
                    </div>
                </div>
                <div class="flex items-start space-x-3">
                    <div class="text-2xl text-success">
                        <i class="fas fa-route"></i>
                    </div>
                    <div>
                        <h3 class="font-bold text-lg">智能路由</h3>
                        <p class="text-base-content/70">根据请假天数自动路由审批</p>
                    </div>
                </div>
                <div class="flex items-start space-x-3">
                    <div class="text-2xl text-info">
                        <i class="fas fa-history"></i>
                    </div>
                    <div>
                        <h3 class="font-bold text-lg">历史追踪</h3>
                        <p class="text-base-content/70">完整的流程执行历史记录</p>
                    </div>
                </div>
                <div class="flex items-start space-x-3">
                    <div class="text-2xl text-warning">
                        <i class="fas fa-undo"></i>
                    </div>
                    <div>
                        <h3 class="font-bold text-lg">驳回机制</h3>
                        <p class="text-base-content/70">支持审批驳回和重新申请</p>
                    </div>
                </div>
                <div class="flex items-start space-x-3">
                    <div class="text-2xl text-error">
                        <i class="fas fa-users"></i>
                    </div>
                    <div>
                        <h3 class="font-bold text-lg">角色管理</h3>
                        <p class="text-base-content/70">多级审批角色权限控制</p>
                    </div>
                </div>
                <div class="flex items-start space-x-3">
                    <div class="text-2xl text-accent">
                        <i class="fas fa-mobile-alt"></i>
                    </div>
                    <div>
                        <h3 class="font-bold text-lg">响应式设计</h3>
                        <p class="text-base-content/70">支持移动端和桌面端访问</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 页脚 -->
<footer class="footer footer-center p-10 bg-base-300 text-base-content mt-16">
    <aside>
        <i class="fas fa-calendar-check text-4xl text-primary mb-4"></i>
        <p class="font-bold text-lg">员工请假审批系统</p>
        <p class="text-base-content/70">基于 Spring Boot + Flowable 工作流引擎构建</p>
        <p class="text-sm text-base-content/50 mt-2">
            来源: <a href="https://blog.csdn.net/qq_43372633/article/details/130598488"
                     class="link link-primary" target="_blank">
            Spring Boot整合流程引擎Flowable
        </a>
        </p>
    </aside>
</footer>
</body>
</html>